[V0_FILE]typescriptreact:file="app/page.tsx" import Header from "./components/header" import FirstView from "./components/first-view" import BrandStory from "./components/brand-story" import Features from "./components/features" import HowToUse from "./components/how-to-use" import Testimonials from "./components/testimonials" import FAQ from "./components/faq" import CTA from "./components/cta" import SocialMedia from "./components/social-media" export default function Home() { return (

) } [V0_FILE]typescriptreact:file="app/components/header.tsx" "use client" import { useState, useEffect } from "react" import { Button } from "@/components/ui/button" import Image from "next/image" import { Menu, X } from "lucide-react" export default function Header() { const [isScrolled, setIsScrolled] = useState(false) const [isMenuOpen, setIsMenuOpen] = useState(false) useEffect(() => { const handleScroll = () => { setIsScrolled(window.scrollY > 10) } window.addEventListener("scroll", handleScroll) return () => window.removeEventListener("scroll", handleScroll) }, []) return (

) } [V0_FILE]typescriptreact:file="app/components/first-view.tsx" import { Button } from "@/components/ui/button" import { ArrowRight } from "lucide-react" import Image from "next/image" export default function FirstView() { return (

奄美大島の伝統が導いた、新発想

伝統の発酵の力で、カラダの中から美しく健やかに。

奄美大島に古くから伝わる発酵飲料『ミキ』と、栄養価の高いヤギミルクを掛け合わせた、革新的なウェルネスドリンク。 100%オーガニック原料から生まれた Fermy が、あなたの健康的な毎日をサポートします。

96%

の方が体感を実感

100%

オーガニック原料

89%

リピート率

{/* Decorative elements */}

{/* Product badges */}

特許取得製法

無添加・砂糖不使用

{/* Scroll indicator */}

Scroll

) } [V0_FILE]typescriptreact:file="app/components/brand-story.tsx" isQuickEdit="true" import Image from "next/image" import { Button } from "@/components/ui/button" export default function BrandStory() { return (

ABOUT FERMY

伝統と革新が出会い、
新しい発酵文化が生まれる。

奄美大島に古くから伝わる発酵飲料「ミキ」。その知恵と現代のテクノロジーを組み合わせることで、より多くの人々に健康をお届けしたい。そんな想いから Fermy は誕生しました。

奄美大島の豊かな自然が育む、
伝統の発酵文化

写真のような美しい自然に囲まれた奄美大島。温暖な気候と豊かな環境に恵まれたこの地で、古来より島民の健康を支えてきた発酵飲料「ミキ」は、その土地の恵みと先人の知恵が結晶化したものです。

Fermyは、この伝統的な発酵技術に着目。最新の研究により、その健康効果が科学的にも証明されつつある「ミキ」の可能性を、現代のライフスタイルに合わせて進化させました。

🌱

自然との調和

奄美大島の自然環境に配慮した原料調達と製造プロセス

🔬

科学的アプローチ

伝統的な発酵技術と最新の研究成果の融合

💫

未来への継承

伝統文化の価値を次世代に伝えていく使命

) } [V0_FILE]typescriptreact:file="app/components/features.tsx" import Image from "next/image" import { CheckCircle } from "lucide-react" export default function Features() { return (

FEATURES

伝統と科学が証明する、
Fermyの4つの特徴

奄美大島の伝統的な発酵技術と最新の研究成果を組み合わせることで、より効果的で飲みやすい発酵ドリンクが誕生しました。

特許取得の発酵技術

独自の低温発酵プロセスにより、有用な乳酸菌を最大限に活性化。科学的な研究に基づき、腸内環境を整える最適な発酵環境を実現しました。

{item}

飲みやすい味わい

ほのかな甘みと爽やかな後味。毎日続けやすい、やさしい味わいに仕上げました。

厳選された原材料

奄美大島の豊かな自然が育んだ原料を使用。添加物・砂糖は一切使用していません。

伝統の知恵

何世代にもわたって受け継がれてきた発酵の技術と知恵を現代に活かしています。

) } [V0_FILE]typescriptreact:file="app/components/how-to-use.tsx" import Image from "next/image" export default function HowToUse() { const usages = [ { title: "朝食に置き換え", description: "忙しい朝に、手軽に栄養補給", image: "/morning-usage.jpg", }, { title: "スポーツ・ジム後", description: "プロテイン代わりに素早く栄養チャージ", image: "/sports-usage.jpg", }, { title: "スイーツ・デザートとして", description: "シェーブルチーズ風スムージーなどアレンジ自在", image: "/dessert-usage.jpg", }, ] return (

Fermyの飲み方・活用法

{usages.map((usage, index) => (

{usage.title}

{usage.description}

))}

) } [V0_FILE]typescriptreact:file="app/components/testimonials.tsx" import Image from "next/image" import { Star } from "lucide-react" export default function Testimonials() { return (

VOICE

Fermyを愛用する方々の声

毎日の健康習慣として取り入れていただいている方々から、たくさんの喜びの声をいただいています。

{[...Array(5)].map((_, i) => ( ))}

"毎朝の習慣として飲み始めて3ヶ月。お通じが良くなり、肌の調子も良くなってきました。自然な甘みで飲みやすいので、続けやすいのが良いですね。"

佐藤美咲さん（32歳）

会社員 / 愛用歴3ヶ月

{/* 追加のレビュー */}

{[ { comment: "ジムの後に飲んでいます。スッキリして体が軽く感じます。", name: "田中健一", role: "フィットネストレーナー", period: "愛用歴6ヶ月", }, { comment: "腸内環境が気になっていましたが、飲み始めてから調子が良くなりました。", name: "山田優子", role: "栄養士", period: "愛用歴1年", }, { comment: "朝食代わりに飲んでいます。手軽に栄養が取れて便利です。", name: "鈴木美穂", role: "フリーランス", period: "愛用歴2ヶ月", }, ].map((review, index) => (

{[...Array(5)].map((_, i) => ( ))}

"{review.comment}"

{review.name}

{review.role} / {review.period}

))}

) } [V0_FILE]typescriptreact:file="app/components/faq.tsx" isFixed="true" isQuickEdit="true" import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion" export default function FAQ() { const faqs = [ { question: "Fermyはどんな味ですか？", answer: "ほのかな甘みと発酵の爽やかさで飲みやすいです！自然な風味を楽しめます。", }, { question: "乳アレルギーでも飲めますか？", answer: "牛乳アレルギーの方でも飲める可能性がありますが、個人差があるため、医師にご相談ください。", }, { question: "保存方法・賞味期限は？", answer: "冷蔵保存で約14日間です。開封後はお早めに召し上がりください。", }, ] return (

よくある質問

{faqs.map((faq, index) => ( {faq.question} {faq.answer} ))}

) } [V0_FILE]typescriptreact:file="app/components/social-media.tsx" import { Instagram, Twitter } from "lucide-react" import { Button } from "@/components/ui/button" export default function SocialMedia() { return (

Fermyコミュニティに参加しよう

最新情報やキャンペーン、健康レシピをお届けします！

#Fermy習慣でシェアしてください！

) } [V0_FILE]css:file="app/globals.css" @tailwind base; @tailwind components; @tailwind utilities; :root { --background: 30 33% 96%; --foreground: 20 14.3% 4.1%; --card: 0 0% 100%; --card-foreground: 20 14.3% 4.1%; --popover: 0 0% 100%; --popover-foreground: 20 14.3% 4.1%; --primary: 142 72% 29%; --primary-foreground: 144 40% 98%; --secondary: 30 15% 92%; --secondary-foreground: 20 14.3% 4.1%; --muted: 30 15% 92%; --muted-foreground: 20 10% 40%; --accent: 30 15% 92%; --accent-foreground: 20 14.3% 4.1%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 60 9.1% 97.8%; --border: 20 5.9% 90%; --input: 20 5.9% 90%; --ring: 142 72% 29%; --radius: 0.75rem; } .fermy-gradient { background: linear-gradient(135deg, #f5e6e0 0%, #e8f0e9 100%); } .text-balance { text-wrap: balance; } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } [V0_FILE]javascript:file="tailwind.config.js" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: ["./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}"], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "#2C4F3E", foreground: "#FFFFFF", }, secondary: { DEFAULT: "#F5E6E0", foreground: "#2C4F3E", }, accent: { DEFAULT: "#D4A373", foreground: "#FFFFFF", }, muted: { DEFAULT: "#FAF6F3", foreground: "#6B7280", }, }, fontFamily: { sans: ["var(--font-sans)"], serif: ["var(--font-serif)"], }, keyframes: { fadeIn: { from: { opacity: "0", transform: "translateY(10px)" }, to: { opacity: "1", transform: "translateY(0)" }, }, }, animation: { fadeIn: "fadeIn 0.5s ease-out forwards", }, }, }, } [V0_FILE]typescriptreact:file="app/layout.tsx" isFixed="true" isQuickEdit="true" import type { Metadata } from "next" import { Noto_Serif_JP, Noto_Sans_JP } from "next/font/google" import "./globals.css" import type React from "react" // Import React const notoSerif = Noto_Serif_JP({ subsets: ["latin"], variable: "--font-serif", display: "swap", }) const notoSans = Noto_Sans_JP({ subsets: ["latin"], variable: "--font-sans", display: "swap", }) export const metadata: Metadata = { title: "Fermy - 奄美大島発、革新的な発酵ドリンク", description: "伝統の知恵と現代のテクノロジーが出会い、新しい発酵文化が生まれる。奄美大島の伝統飲料『ミキ』とヤギミルクを掛け合わせた、革新的な発酵ドリンク Fermy。", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/components/cta.tsx" isQuickEdit="true" import { Button } from "@/components/ui/button" import Image from "next/image" export default function CTA() { return (

PRICING

自然の恵みを、あなたの日常に

Fermyの魅力を毎日の生活に。今なら初回限定の特別価格でお試しいただけます。

Fermy 500ml

¥498 ¥49,880

500ml 約10日分
100%オーガニック原料
特許取得の発酵製法
無添加・砂糖不使用

※ 初回限定99%OFF 通常価格¥49,880

初回99%OFF

定期購入でさらにお得に

毎月お届けの定期購入なら、10%OFFの¥44,892でご利用いただけます。
いつでも解約可能で、2回目以降のお届けからお得な価格が適用されます。

) }

伝統の発酵の力で、 カラダの中から 美しく健やかに。

伝統と革新が出会い、 新しい発酵文化が生まれる。

奄美大島の豊かな自然が育む、 伝統の発酵文化

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This